<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="Huei-Ming Chai">
<meta name="Creation-Date" content="03-mar-2002">
<title>Introduction to HTML, NTUPT</title>
</head>

<body style="font-family:新细明体; font-size:10pt; line-height:150%">
<h2>按钮及选单<a name=top></a></h2>
<p>选单 (form) 是用来与浏览者互动沟通的工具，其功能为收集浏览者的资料，如问卷或投票结果的传输等。他的格式可以从单一输出的按钮 
  (button)，到多重选择的选单，甚至可以直接填入文字的空白框。</p>
<p>然而所搜集的资料，通常需以 CGI 程式处理，或架设一个<a href="javascript:glossary('../../PTglossary/s/Server.htm')">网路伺服器 
  (web server)</a>、或传送到特定的电子邮址，才有办法产生互动功能。</p>
<p>由于需要更高的技术，故不在此讨论，有兴趣者请参考“<a href="../hASP/ASPintroduction.htm">ASP 互动网页之制作</a>”。在这里先将如何以 
  HTML 制作选单的方式告诉大家。</p>
<ul>
  <li><a href="#button">按钮</a></li>
  <li><a href="#textarea">空白框</a></li>
  <li><a href="#radio">按钮型选单</a></li>
  <li><a href="#select">文字型选单</a></li>
  <li><a href="#submit">资料上传</a></li>
</ul>
<hr />
<h3>按钮<a name="button"></a></h3>
<p>按钮 (button) 主要是设计成一个按钮，点选后会输出所相对应的数值到网路伺服器，由 <span>&lt;form&gt; &lt;/form&gt;</span> 来控制，并将 <span>&lt;input&gt;</span> 中的属性 <span>type</span> 设为 <span>button</span>。</p>
<p>预设值为灰底黑框无字的长方形按钮，但可改变 <span> &lt;input&gt; </span> 的设定，来变化输出钮上的字串 (value)、按钮宽度 (size)。如果配合 <a href="javascript:glossary('../hCSS/CSSdocument.htm')">CSS 样式表</a>的 <span>&lt;style=&quot; &quot;&gt; </span> 的使用，则可改变字串颜色、大小、字型、边框颜色、厚度，底色等。<span>&lt;input&gt;</span> 的属性如下：</p>
<table width=93% align=center border=1 bordercolor=#006633 cellspacing=0 cellpadding=2>
  <tr bgcolor=#009933>
    <th width=8%><font color="#FFFFFF">属性</span></th>
    <th width=35%><font color="#FFFFFF">意义</span></th>
    <th width=57%><font color="#FFFFFF">对应值</span></th>
  </tr>
  <tr valign="top">
    <td>type</td>
    <td>按钮的型态</td>
    <td>type=button 是预设的灰底黑框无字的长方形按钮<br />
      type=file 是可键入档案路径的空白框以及档案浏览的按钮<br />
      type=reset 是按下后网页所有键入的资料会自动清除的按钮<br />
      type=submit 是按下后网页所有键入的资料会自动送出的按钮<br />
      type=image 将按钮的花样变成图片</td>
  </tr>
  <tr valign="top">
    <td>value</td>
    <td>按钮上的字串内容</td>
    <td>直接键入想要呈现的字串</td>
  </tr>
  <tr valign="top">
    <td>style</td>
    <td>字串格式、边框格式、底色格式等</td>
    <td>详见 <a href="javascript:glossary('../hCSS/CSSdocument.htm')">CSS 样式表</a></td>
  </tr>
  <tr valign="top">
    <td>size</td>
    <td>按钮的宽度</td>
    <td>如不注明，则按钮宽度依 value 所输入的字串长度而定<br />
      如果注明，则其单位为 px</td>
  </tr>
  <tr valign="top">
    <td>name</td>
    <td>按钮的命名，以供辨识用</td>
    <td>直接键入任何字串</td>
  </tr>
  <tr valign="top">
    <td>src</td>
    <td>按钮图档的位址</td>
    <td>直接键入图片或相关档案位址</td>
  </tr>
</table>
<p>输出钮不一定是字串，也可以是图片或照片。</p>
<table width=100% align=center border=2 bordercolor=#006633 cellspacing=1>
  <tr align=center bgcolor=#009933>
    <td width=30%><span>用途</span></td>
    <td width=55%><span>HTML语法</span></td>
    <td width=15%><span>实例</span></td>
  </tr>
  <tr valign="top">
    <td>预设的输出钮：灰底黑框长方形的按钮，长度依按钮文字长度而定。
      <form>
        <input type="button" value="按钮文字">
      </form>
      value 用来设定字串内容，而 size用来更改输出钮宽度。</td>
    <td>&lt;form&gt;<br />
      &lt;input type=button&nbsp;
      value=&quot;输出钮上字串&quot;
      size=输出钮宽度&gt;<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Button.htm#1')">预设输出钮</a></td>
  </tr>
  <tr valign="top" bgcolor="#eeeeee">
    <td>不同形状的按钮：使用 CSS<br />
      样式表来设定输出钮的字串及形状变化。
      <form>
        <input type="button" value="按这里"   style="font-size: 24 pt; border-style: ridge; border-width:1; color:#FF0000">
      </form></td>
    <td>&lt;form&gt;<br />
      &lt;input type=button&nbsp;
      value=&quot;按钮上字串&quot;
      size=按钮宽度<br />
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      style=&quot;font-size: 按钮文字点数; 
      color:按钮文字颜色代码;<br />
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      font-family:按钮文字字型; 
      font-style: bold/ italic;<br />
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      border-style: ridge/ double;
      border-width: 边框宽度;<br />
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      background-color:底色颜色代码&quot;&gt;<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Button.htm#2')">不同的按钮</a></td>
  </tr>
  <tr valign="top">
    <td>浏览档案的输出钮<br />
      <form>
        <input type="file" size=8>
      </form>
      type=file会自动出现可键入档案路径的空白框或可进入档案浏览视窗的输出钮。</td>
    <td width=50%>&lt;form&gt;<br />
      &lt;input type=file 
      size=按钮宽度&gt;<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Button.htm#3')">开启旧档</a></td>
  </tr>
  <tr valign="top" bgcolor="#eeeeee">
    <td>重设之输出钮：按下后所有键入的东西都会自动清除。<br />
      <form>
        <input type=reset>
      </form></td>
    <td>&lt;form&gt;<br />
      &lt;input type=reset&gt;<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Button.htm#4')">重设按钮</a></td>
  </tr>
  <tr valign="top">
    <td>送出之输出钮：按下后所有键入的东西都会自动送出至网路伺服器。<br />
      <form>
        <input type=submit>
      </form></td>
    <td>&lt;form&gt;<br />
      &lt;input type=submit&gt;<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Button.htm#5')">送出按钮</a></td>
  </tr>
  <tr valign="top" bgcolor="#eeeeee">
    <td>将图片植入在输出钮上。</td>
    <td>&lt;button&gt;<br />
      &lt;img src= &quot;图片位址&quot;<br />
      &lt;/button&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/ImageButton.htm')">图片按钮</a></td>
  </tr>
  <tr valign="top">
    <td>图片即按钮</td>
    <td>&lt;form&gt;<br />
      &lt;input type=image&nbsp; src=&quot;图片位址&quot; 
      border=边框宽度&gt;<br />
      &lt;/form&gt;</td>
    <td></td>
  </tr>
</table>
<p> <a href="#top">back to top</a> </p>
<hr />
<h3 class="heading">空白框<a name=textarea></a></h3>
<p>空白框 (text) 主要是设计成一个可供浏览者填写资料的空白区域，可将键入的资料输出到网路伺服器，亦由 <span>&lt;form&gt; &lt;/form&gt;</span> 来控制，但使用 <span>&lt;input type=text&gt;</span> 或 <span>&lt;input=password&gt;</span>，或使用 <span class="tag">&lt;textarea&gt; &lt;/textarea&gt;</span>来建立有卷轴的空白框。</p>
<p>预设值为灰框无字的长方形空白框，但可以改变空白框的宽度 
  (size)。如果配合 <a href="javascript:glossary('../hCSS/CSSdocument.htm')">CSS 样式表</a> <span>&lt;style=&quot; &quot;&gt; </span> 的使用，则可改变字串颜色、大小、字型、边框颜色、厚度，底色等。<span>&lt;input&gt;</span> 的属性如下：</p>
<ul>
  <li>type：选择各类空白框
    <ul>
      <li>type=text 是预设的灰框无字的长方形空白框
      <li>type=password 是预设文字不会显现出来的空白框
    </ul>
  <li>value：设定预设文字或密码
  <li>size：设定空白框的宽度
  <li>style：空白框格式的设定，则依 <a href="javascript:glossary('../hCSS/CSSdocument.htm')">CSS 样式表</a>之 <span>&lt;style=&quot; &quot;&gt;</span> 来设定字串格式、边框格式、及底色格式等
  <li>name：空白框的命名，以供网路伺服器辨识用
</ul>
<p>输出钮不一定是字串，也可以是图片或照片。</p>
<table width=100% align=center border=2 bordercolor=#006633 cellspacing=1>
  <tr align=center bgcolor=#009933>
    <td width=20%><span>用途</span></td>
    <td width=50%><span>HTML语法</span></td>
    <td width=30%><span>实例</span></td>
  </tr>
  <tr valign="top">
    <td>可供填写的空白框
      <form>
        <input type=text size=15>
      </form></td>
    <td>框外字串<br />
      &lt;form&gt;<br />
      &lt;input type=text size=空白框宽度
      name=空白框名称&gt;<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Textarea.htm#1')">空白框</a></td>
  </tr>
  <tr bgcolor="#eeeeee" valign="top">
    <td>有预设文字的框<br />
      <input type=text size=15 value=预设字串>
      <br />
      value用来设定预设的字串。</td>
    <td>框外字串<br />
      &lt;form&gt;<br />
      &lt;input type=text
      size=空白框宽度<br />
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      value=框内字串
      name=空白框名称&gt; <br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Textarea.htm#2')">有预设文字的框</a></td>
  </tr>
  <tr valign="top">
    <td>可掩盖预设密码的框<br />
      <input type=password size=15 value=1234>
      <br />
      value 用来设定预设密码，但不会将密码显示出来。</td>
    <td>框外字串<br />
      &lt;form&gt;<br />
      &lt;input type=password&nbsp;
      size=框的宽度 value=预设密码<br />
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      name=空白框名称 &gt; <br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Textarea.htm#3')">输入密码</a></td>
  </tr>
  <tr bgcolor="#eeeeee" valign="top">
    <td>有卷轴的框<br />
      <textarea rows=5 cols=15></textarea></td>
    <td>框外字串<br />
      &lt;form&gt;<br />
      &lt;textarea rows=列数 cols=栏数 name=本区名称&gt; <br />
      &lt;/textarea&gt; <br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Textarea.htm#4')">建议事项</a><br />
      <a href="javascript:glossary('HTMLform.files/BasicData.htm')">个人资料</a></td>
  </tr>
</table>
<p> <a href="#top">back to top</a> </p>
<hr />
<h3 class=heading>按钮型选单<a name=radio></a></h3>
<p>按钮型选单 <span>&lt;form&gt; &lt;/form&gt;</span> 主要是设计成以按钮代替选项文字的选择题问卷。可以是单选，也可以是复选。问卷的题目可以写在 <span>&lt;form&gt;</span> 的前面。
<p>选项部分则以 <span>&lt;input&gt;</span> 的数目来条列各选项，<span>&lt;input&gt;</span> 个数多寡即代表选项的个数，而<span> &lt;input&gt;</span> 后面连接的文字即为选项的内容。<span>&lt;input&gt;</span> 的属性如下：</p>
<ul>
  <li>type：设定按钮的形状是圆形选单钮 (radio)、方形勾选钮 (checkbox)等。</li>
  <li>value： 输入网路伺服器的相对应值</li>
  <li>name：选项的命名，以供网路伺服器辨识用。如果是复选题，则所有选项须有不同名称；如果是单选题，则所有选项名称须一致</li>
</ul>
<p>选项按钮可以是空白，也可以先预设勾选值 (checked)。 </p>
<table width=100% align=center border=2 bordercolor=#006633 cellspacing=1>
  <tr align=center bgcolor=#009933>
    <td width=25%><span>用途</span></td>
    <td width=60%><span>HTML语法</span></td>
    <td width=15%><span>实例</span></td>
  </tr>
  <tr valign="top">
    <td>空白复选单：选项按钮不作任何暗示，以免影响判断。<br />
      <form>
        <input type=radio value=A1 name="name1">
        选项一<br />
        <input type=radio value=A2 name="name2">
        选项二<br />
        <input type=radio value=A3 name="name3">
        选项三
      </form>
      radio 表示选项按钮为圆形按钮。</td>
    <td>框外字串<br />
      &lt;form&gt;<br />
      &lt;input type=radio value=&quot;对应值一&quot;
      name=&quot;选项名称一&quot;&gt; 选项一<br />
      &lt;input type=radio value=&quot;对应值二&quot;
      name=&quot;选项名称二&quot;&gt; 选项二<br />
      &lt;input type=radio value=&quot;对应值三&quot;
      name=&quot;选项名称三&quot;&gt; 选项三<br />
      &lt;/form&gt; </td>
    <td><a href="javascript:glossary('HTMLform.files/Radio.htm#1')">复选单</a></td>
  </tr>
  <tr bgcolor="#eeeeee" valign="top">
    <td>预设勾选值的复选单：选定较普遍的选项设定已勾选，以节省浏览者的时间。<br />
      <form>
        <input type=radio value=A1 name="name1" checked>
        选项一<br />
        <input type=radio value=A2 name="name2">
        选项二<br />
        <input type=radio value=A3 name="name3">
        选项三
      </form>
      checked表示被列为预设勾选值，可以单选或复选。</td>
    <td>框外字串<br />
      &lt;form&gt;<br />
      &lt;input type=radio value=&quot;对应值一&quot; name=&quot;选项名称一&quot;<br />
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      checked&gt; 选项一<br />
      &lt;input type=radio value=&quot;对应值二&quot;
      name=&quot;选项名称二&quot;&gt; 选项二<br />
      &lt;input type=radio value=&quot;对应值三&quot;
      name=&quot;选项名称三&quot;&nbsp;&gt; 选项三<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Radio.htm#2')">预设勾选值的复选单</a></td>
  </tr>
  <tr valign="top">
    <td>单选单：只能勾选一项目，且选了无法删除。<br />
      <form>
        <input type=radio name="name1" checked value=A1>
        选项一<br />
        <input type=radio name="name1" value=A2>
        选项二<br />
        <input type=radio name="name1" value=A3>
        选项三
      </form>
      注意：所有选项的 name 必须相同。</td>
    <td>框外字串<br />
      &lt;form&gt;<br />
      &lt;input type=radio value=&quot;对应值一&quot;&nbsp;name=&quot;选项名称&quot;&gt; 选项一<br />
      &lt;input type=radio value=&quot;对应值二&quot; 
      name=&quot;选项名称&quot;&gt; 选项二<br />
      &lt;input type=radio value=&quot;对应值三&quot;
      name=&quot;选项名称&quot;&gt; 选项三<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Radio.htm#3')">单选单</a></td>
  </tr>
  <tr valign="top" bgcolor="#eeeeee">
    <td>方形按钮选单<br />
      <form>
        <input type=checkbox name=A1 value=on>
        选项一<br />
        <input type=checkbox name=A2 value=on>
        选项二<br />
        <input type=checkbox name=A3 value=on>
        选项三<br />
      </form>
      注意：只能作复选单。</td>
    <td>框外字串<br />
      &lt;form&gt;<br />
      &lt;input type=checkbox value=&quot;对应值一&quot;</span> name=&quot;选项名称一&quot;&gt; 选项一<br />
      &lt;input type=checkbox value=&quot;对应值二&quot; 
      name=&quot;选项名称二&quot;&gt; 选项二<br />
      &lt;input type=checkbox value=&quot;对应值三&quot;
      name=&quot;选项名称三&quot;&gt; 选项三<br />
      &lt;/form&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Radio.htm#4')">打勾的清单</a></td>
  </tr>
</table>
<p> <a href="#top">back to top</a> </p>
<hr />
<h3 class=heading>文字型选单<a name=select></a></h3>
<p>文字型选单 <span>&lt;select&gt; &lt;/select&gt;</span> 主要是设计成以文字直接点选方式的选择题问卷。预设为单选，但也可以改为复选(multiple)。问卷的题目可以写在 <span>&lt;select&gt;</span> 的前面。 <span>&lt;select&gt;</span> 的属性如下：</p>
<ul>
  <li>size：设定所欲出现在萤幕上的选项列数。如果少于选项数，则为下拉式选单；如果等于或大于选项数，则为全列式选单</li>
  <li>name：选单的命名，以供网路伺服器辨识用</li>
  <li>multiple：设定为复选单</li>
</ul>
<p>选项部分则以 <span>&lt;option&gt;</span> 来条列各选项，<span>&lt;option&gt;</span> 个数多寡即代表选项的个数，而<span> &lt;option&gt;</span> 后面连接的文字即为选项的内容。</p>
<ul>
  <li>value： 输入网路伺服器的相对应值</li>
  <li>name：选项的命名，以供网路伺服器辨识用。</li>
</ul>
<p>选项按钮可以是空白，也可以先预设勾选值 (selected)。 </p>
<table width=100% align=center border=2 bordercolor=#006633 cellspacing=1>
  <tr align=center bgcolor=#009933>
    <td width=30%><span>用途</span></td>
    <td width=50%><span>HTML语法</span></td>
    <td width=20%><span>实例</span></td>
  </tr>
  <tr valign="top">
    <td>下拉式单选单：萤幕每次只列出所预设列数的选项，如果想观看全部选项，则使用右侧箭头。<br />
      <select size=1 name=C1>
        <option value="第一项">选项一</option>
        <option value="第二项">选项二</option>
        <option value="第三项">选项三</option>
      </select>
      <br />
      有加上 selected 的选项即预设选项，但如经点选后，萤幕改呈现所点选的项目。</td>
    <td>框外字串<br />
      &lt;select size=出现萤幕的列数&nbsp;name=&quot;选单名称&quot;&gt; <br />
      &lt;option value=&quot;对应值一&quot;
      selected&gt; 选项一<br />
      &lt;option value=&quot;对应值二&quot;&gt; 选项二<br />
      &lt;option value=&quot;对应值三&quot;&gt; 选项三<br />
      &lt;/select&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Test.htm#1')">下拉式单选单</a></td>
  </tr>
  <tr valign="top" bgcolor="#eeeeee">
    <td>全列式选单：萤幕列出全部选项。<br />
      <select size=4 name=C1>
        <option value="第一项">第一项
        <option value="第二项" selected>第二项
        <option value="第三项">第三项
      </select>
      <br />
      预设选项为有加上 selected 的选项，会出现底色 (highlighted)。点选后，则换成点选项呈底色。</td>
    <td>框外字串<br />
      &lt;select size=与选项数同或更多
      name=&quot;选单名称&quot;&gt; <br />
      &lt;option value=&quot;对应值一&quot;&gt; 选项一<br />
      &lt;option value=&quot;对应值二&quot; selected&gt;选项二<br />
      &lt;option value=&quot;对应值三&quot;&gt;选项三<br />
      &lt;/select&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Test.htm#2')">全列式勾选单</a></td>
  </tr>
  <tr valign="top">
    <td>全列式可复选选单：如欲复选时，按滑鼠左键往下拖曳或同时按 control 及滑鼠左键即可。<br />
      <select size=4 name=C1 multiple>
        <option value="第一项">第一项</option>
        <option value="第二项">第二项</option>
        <option value="第三项">第三项</option>
      </select>
      <br />
      multiple 表示可复选。</td>
    <td>框外字串<br />
      &lt;select  size=与选项数同或更多
      name=&quot;选单名称&quot; multiple&gt; <br />
      &lt;option value=&quot;对应值一&quot;&gt; 选项一<br />
      &lt;option value=&quot;对应值二&quot;&gt;选项二<br />
      &lt;option value=&quot;对应值三&quot;&gt;选项三<br />
      &lt;/select&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Test.htm#3')">可多选的全列勾选单</a></td>
  </tr>
</table>
<p> <a href="#top">back to top</a> </p>
<hr />
<h3 class=heading>资料上传<a name=submit></a></h3>
<p>前述各种选单、输出钮、空白框等，如果无法传送资料到网路伺服器，则只是一个无用的装饰品而已。
  如果想将键入的资料传送出去，最简单的方法就是利用 e-mail 来送出。然而 e-mail 无法作自动化的互动，
  故无法迅速回报结果。
<p>若想让网路伺服器能自动处理输入资料，并且迅速回报处理结果，则需仰赖 CGI 程式或 ASP 
  动态网页。可参考“<a href="../hASP/ASPintroduction.files">ASP 动态网页的制作</a>”一节。
<p>若想在资料送出前做一些确认输入值是否有误的话，则需使用 JavaScript 
  程式，可事先确保输入值的型态或格式是我们想要的，避免传送过多的不良输入值。请参考 
  JavaScript 描述语言之<a href="../hJavaScript/JScase.htm#form">条件函数的输入讯息比对</a>。<br />
  <br />
<table width=100% align=center border=2 bordercolor=#006633 cellspacing=1>
  <tr align=center bgcolor=#009933>
    <td width=30%><span>用途</span></td>
    <td width=50%><span>HTML语法</span></td>
    <td width=20%><span>实例</span></td>
  </tr>
  <tr valign="top">
    <td>表单结果送到电子邮件</td>
    <td>&lt;form method=post<br />
      action=&quot;mailto:电子邮件位址?subject='电子邮件标题'&quot;&gt;</td>
    <td><a href="javascript:glossary('HTMLform.files/Satisfaction.htm')">满意度问卷</a></td>
  </tr>
  <tr valign="top" bgcolor="#eeeeee">
    <td>表单结果使用CGI程式分析</td>
    <td>&lt;form action=&quot;CGI程式位址&quot;&gt;</td>
    <td> 　</td>
  </tr>
</table>
<p> <a href="#top"><u>back to top</u></a> </p>
<hr />
<p> 本网页于&nbsp;03/03/2002 制作，并于 10/08/2006 更新&copy; 版权为柴惠敏所有，如需引用请先告知</p>
<p>文章来源：<a href="http://www.pt.ntu.edu.tw/hmchai/PTcomputer/hHTML/HTMLform.htm">http://www.pt.ntu.edu.tw/hmchai/PTcomputer/hHTML/HTMLform.htm</a></p>
</body>
</html>
